module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        'main-1': 'var(--mainColor1)',
        'main-2': 'var(--mainColor2)',
        'main-3': 'var(--mainColor3)',
        'main-4': 'var(--mainColor4)',
        'warn-1': 'var(--warnColor1)',
        'font-1': 'var(--fontColor1)',
        'font-2': 'var(--fontColor2)',
        'font-3': 'var(--fontColor3)',
        'font-4': 'var(--fontColor4)',
        'font-5': 'var(--fontColor5)',
      },
      borderColor: {
        'color-1': 'var(--borderColor1)',
        'color-2': 'var(--borderColor2)',
      },
      text: {
        huge: 'var(--hugeFontSize)',
      },
    },
  },
  plugins: [],
};
